<template>
	<div class="userlist">
		<ul>
			<li>
				<div class="userlist_li">
					<div class="userlist_li_left">
						<img src="../../../assets/images/票.png"/>
						<p>演出</p>
					</div>					
				</div>
				<div class="userlist_li">
					<div class="userlist_li_left">
						<img src="../../../assets/images/空-购物车.png"/>
						<p>商城</p>
					</div>					
				</div>
				<div class="userlist_li">
					<div class="userlist_li_left">
						<img src="../../../assets/images/定位.png"/>
						<p>附近的人</p>
					</div>					
				</div>
				<div class="userlist_li">
					<div class="userlist_li_left">
						<img src="../../../assets/images/铃声.png"/>
						<p>口袋铃声</p>
					</div>					
				</div>
				<div class="userlist_li">
					<div class="userlist_li_left">
						<img src="../../../assets/images/订单.png"/>
						<p>我的订单</p>
					</div>					
				</div>
			</li>
			<li>
				<div class="userlist_li">
					<div class="userlist_li_left">
						<img src="../../../assets/images/灯泡.png"/>
						<p>创作者中心</p>
					</div>					
				</div>
			</li>
			<li>
				<div class="userlist_li">
					<div class="userlist_li_left">
						<img src="../../../assets/images/定时 (1).png"/>
						<p>定时停止播放</p>
					</div>					
				</div>
				<div class="userlist_li">
					<div class="userlist_li_left">
						<img src="../../../assets/images/扫一扫.png"/>
						<p>扫一扫</p>
					</div>					
				</div>
				<div class="userlist_li">
					<div class="userlist_li_left">
						<img src="../../../assets/images/定时.png"/>
						<p>音乐闹钟</p>
					</div>					
				</div>
				<div class="userlist_li">
					<div class="userlist_li_left">
						<img src="../../../assets/images/安全.png"/>
						<p>青少年模式</p>
					</div>					
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
</script>

<style lang="scss" scoped>
@import "~@/assets/css/common.scss";
	a{

	}
	.userlist{
		/*background: #fefefe;*/
		margin-top: vw(22);
		ul{			
			li{	
				margin: 0 vw(22);
				padding: vw(11) 0;
				box-sizing: border-box;
				border-top: 1px solid #f5f5f5;		
				.userlist_li{
					padding: vw(11) 0 ;
					.userlist_li_left{
						display: flex;
						align-items: center;
						font-size: 0;
						img{
							width: vw(20);
							height: vw(20);
						}
						p{
							line-height: vw(16);
							margin-left: vw(13);
							font-size: vw(15);
							color: #434343;
						}
					}
				}
			}
		}
	}
</style>